Page({
  data: {
    // 月卡信息
    cardInfo: null,
    vehicleInfo: null,
    vehicleId: '',
    
    // 加载状态
    loading: true
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    console.log('=== 月卡详情页面加载开始 ===');
    console.log('页面参数:', options);
    console.log('cardData参数:', options.cardData);
    
    if (options.cardData) {
      try {
        // 解码传递过来的月卡数据
        const cardData = JSON.parse(decodeURIComponent(options.cardData));
        console.log('解码后的月卡数据:', cardData);
        console.log('月卡信息:', cardData.cardInfo);
        console.log('车辆信息:', cardData.vehicleInfo);
        
        // 设置月卡信息到页面数据
        this.setData({
          cardInfo: cardData.cardInfo,
          vehicleInfo: cardData.vehicleInfo,
          vehicleId: cardData.vehicleId,
          loading: false
        });
        
        console.log('月卡信息设置完成，当前data:', this.data);
        
      } catch (error) {
        console.error('解析月卡数据失败:', error);
        console.error('错误详情:', error.message);
        console.error('原始数据:', options.cardData);
        wx.showToast({
          title: '月卡信息获取失败',
          icon: 'none'
        });
        this.setData({ loading: false });
      }
    } else {
      console.log('未接收到月卡数据');
      console.log('所有options:', options);
      wx.showToast({
        title: '未获取到月卡信息',
        icon: 'none'
      });
      this.setData({ loading: false });
    }
    
    console.log('=== 月卡详情页面加载完成 ===');
  },

  // 返回上一页
  goBack() {
    wx.navigateBack();
  },

  // 续费月卡
  renewCard() {
    wx.showModal({
      title: '续费月卡',
      content: '是否要为该车辆续费月卡？',
      confirmText: '续费',
      confirmColor: '#007aff',
      success: (res) => {
        if (res.confirm) {
          // 这里可以调用续费接口
          wx.showToast({
            title: '续费成功',
            icon: 'success'
          });
        }
      }
    });
  },

  // 退费月卡
  refundCard() {
    wx.showModal({
      title: '退费月卡',
      content: '确定要申请退费吗？退费后月卡将失效。',
      confirmText: '申请退费',
      confirmColor: '#f56c6c',
      success: (res) => {
        if (res.confirm) {
          // 这里可以调用退费接口
          wx.showToast({
            title: '退费申请已提交',
            icon: 'success'
          });
        }
      }
    });
  },

  // 预览车辆图片
  previewImage() {
    if (this.data.vehicleInfo && this.data.vehicleInfo.imageUrl) {
      wx.previewImage({
        urls: [this.data.vehicleInfo.imageUrl],
        current: this.data.vehicleInfo.imageUrl
      });
    }
  }
}); 